<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
    <head th:replace="blog/luna/header::head-fragment"></head>
    <body>
        <header th:replace="blog/luna/header::header-fragment"></header>
        <div class="content">

            <section class="jumbotron geopattern"
                     th:style="'background:url(' + @{/customize/backImage.jpg} + ');background-repeat:no-repeat;background-size:100% 100%;background-attachment: fixed;'">
                <div class="container">
                    <div id="jumbotron-meta-info">
                        <h1>About</h1>
                        <span class="meta-info">
                            <span class="mega-octicon octicon-globe"></span>&nbsp;&nbsp; 关于本站
                        </span>
                    </div>
                </div>
            </section>

            <article class="post container">
                <div class="row" id="blog-content">
                    <div class="col-md-12 markdown-body">
                        <th:block th:utext="${blogDetailVO.blogContent}"/>

                        <h2 id="个人链接">联系方式</h2>
                        <p>希望能与各位小伙伴一起学习进步，欢迎交流！</p>
                        <ul>
                            <li>QQ邮箱：
                                <th:block th:text="${configurations.get('yourEmail')}"/>
                            </li>
                            <li>CSDN博客：
                                <a href="https://blog.csdn.net/ZHECSDN?type=blog" target="_blank">ZHECSDN</a>
                            </li>
                        </ul>

                        <aside class="blog-rights clearfix">
                            <p>本站文章除注明转载/出处外，皆为作者原创，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。</p>
                        </aside>
                    </div>
                </div>
            </article>
        </div>
        <footer th:replace="blog/luna/footer::footer-fragment"></footer>
    </body>
    <link rel="stylesheet" th:href="@{/blog/plugins/highlight/styles/github.css}"/>
    <link rel="stylesheet" th:href="@{/blog/plugins/sweetalert/sweetalert.css}"/>
    <script th:src="@{/blog/plugins/modernizr/modernizr.js}"></script>
    <script th:src="@{/blog/plugins/highlight/highlight.pack.js}"></script>
    <script th:src="@{/blog/plugins/sweetalert/sweetalert.min.js}"></script>
    <script>
        $(function () {
            $('pre code').each(function (i, block) {
                hljs.highlightBlock(block);
            })
        });
    </script>
</html>